Chum Wongrassamee's profile

[2017] Data Visualization Demo

This project takes the ideas of the Data Visualization Concept (next project) and imagines it as a usable product that could be built today. 

What was the problem? 
Enterprise products typically show large data sets as long lists of items. Searching, filtering, and user workflows are typically cumbersome and not intuitive. 

What was the solution?
The solution involved creating a new visual paradigm for organizing large data sets that can be filtered and sorted through various "lenses". In this example, we're organizing assets within an entire enterprise and can show arrangements of them by asset type, business unit, and geography. Replacing a typical widget-based dashboard with this visualization paradigm means that the Hive Design System (previous project) can continue to grow as designers continue to innovate.

What was my contribution?
I managed and contributed to the entire design process of this demo from high-level conceptualization to production of visual assets and styles. This included ideation sessions with designers and product leaders, flowing out interaction patterns, setting the tone of visual design, and working with developers during implementation. 
Loading animation as Assets are loading. 
A visual layout of Asset Groups clustered into Asset Categories.
Above are various interaction states showing relevant information. Below are screens for adding an additional data source and alerts that are surfacing from those new assets.  
Changing the arrangement from Asset Type to Business Unit (from the left navigation) rearranges the asset groupings.
Changing the arrangement to Location (from the left navigation) rearranges the asset groupings to a geographical view.
Zooming in to North America shows additional details. Selecting the affected assets shows a preview plane of individual assets. The user can assign these assets to preset workflows to be remediated. 
[2017] Data Visualization Demo
Published:

[2017] Data Visualization Demo

Published: